<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>天津优易电商平台</title>
    <meta name="description" content="天津优易官网，致力于打造全球最大的食品、生鲜电商购物平台。">
    <meta name="keywords" content="天津优易,食品,生鲜,服装,家电,电商,购物">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
    <!-- 引入动画 使用该函数，父盒子必须有定位-->
    <script src="./js/animate.js"></script>
    <script src="./js/index.js"></script>
</head>
<body>
    <!-- 1 网页头部模块 -->
    <header>
        <!-- 1.1 快捷菜单模块 -->
        <div class="xtx-shortcut">
         <nav class="container">
            <div class="fr">
                <ul>
                    <li><a href="javascript:;">请先登录</a>|</li>
                    <li><a href="javascript:;">免费注册</a>|</li>
                    <li><a href="center.html">我的订单</a>|</li>
                    <li><a href="javascript:;">会员中心</a>|</li>
                    <li><a href="javascript:;">帮助中心</a>|</li>
                    <li><a href="javascript:;">在线客服</a>|</li>
                    <li><a href="javascript:;">手机版</a></li>
                </ul>
            </div>
         </nav>
        </div>
        <!-- 1.2 主导航模块 -->
        <div class="xtx-main-nav container">
            <!-- logo -->
            <div class="logo fl">
                <a href="javascript:;">优易电商</a>
            </div>
            <!-- 导航 -->
            <nav class="fl">
                <ul>
                    <li><a href="javascript:;">首页</a></li>
                    <li><a href="javascript:;">生鲜</a></li>
                    <li><a href="javascript:;">美食</a></li>
                    <li><a href="javascript:;">餐厨</a></li>
                    <li><a href="javascript:;">电器</a></li>
                    <li><a href="javascript:;">居家</a></li>
                    <li><a href="javascript:;">洗护</a></li>
                    <li><a href="javascript:;">孕婴</a></li>
                    <li><a href="javascript:;">服装</a></li>
                  </ul>
            </nav>
            <!-- 搜索 -->
            <div class="search fl">
                <input type="search" placeholder="搜一搜">
            </div>
            <!-- 购物车模块 -->
            <div class="cart fl">
                <span>2</span>
            </div>
        </div>  <!-- 1.2 ending -->
    </header>
    <!-- ---------------网站的入口模块  entry  container-->
    <div class="xtx-entry">
        <div class="container">
            <!-- 焦点图 -->
           <section class="banner">
            <ul>
                <li> <a href="javascript:;"><img src="./uploads//banner_1.png" alt=""></a> </li>
                <li> <a href="javascript:;"><img src="./uploads//banner_1.png" alt=""></a> </li>
                <li> <a href="javascript:;"><img src="./uploads//banner_1.png" alt=""></a> </li>
                <li> <a href="javascript:;"><img src="./uploads//banner_1.png" alt=""></a> </li>
                <li> <a href="javascript:;"><img src="./uploads//banner_1.png" alt=""></a> </li>
                
                
            </ul>  <!-- 焦点图   ending-->
             <!-- 左右箭头 -->
             <a href="javascript:;" class="prev"></a>
             <a href="javascript:;" class="next"></a>
             <!-- 轮播图指示器 -->
             <ol class="indicator">
                
              </ol>
           </section>
            <!-- 侧边栏 -->
            <aside class="category">
                <ul>
                    <li><a href="javascript:;">生鲜<span>水果</span> <span>蔬菜</span></a></li>
                    <li><a href="javascript:;">美食<span>面点</span> <span>干果</span></a></li>
                    <li><a href="javascript:;">餐厨<span>数码产品</span></a></li>
                    <li><a href="javascript:;">电器<span>床品</span> <span>四件套</span> <span>被枕</span></a></li>
                    <li><a href="javascript:;">居家<span>奶粉</span> <span>玩具</span> <span>辅食</span></a></li>
                    <li><a href="javascript:;">洗护<span>洗发</span> <span>洗护</span> <span>美妆</span></a></li>
                    <li><a href="javascript:;">孕婴<span>奶粉</span> <span>玩具</span></a></li>
                    <li><a href="javascript:;">服饰<span>女装</span> <span>男装</span></a></li>
                    <li><a href="javascript:;">杂货<span>户外</span> <span>图书</span></a></li>                 
                    <li><a href="javascript:;">品牌<span>品牌制造</span></a></li>
                </ul>
            </aside>
        </div>
    </div>
    <!-- ---------------新鲜好物模块 -->
    <div class="xtx-new-goods container">
        <!-- 标题 -->
        <div class="goods-hd">
            <!-- 左侧标题部分 -->
            <h2 class="fl">新鲜好物 <span>新鲜出炉 品质靠谱</span></h2>
            <!-- 右侧a链接 -->
            <a href="javascript:;" class="more fr">查看全部</a>
        </div>
        <!-- 产品列表 -->
        <ul class="goods-list">
            <li><a href="javascript:;">
                <img src="./uploads/new_goods_1.jpg" alt="">
                <h3 class="title">睿米无线吸尘器F8</h3>
                <p class="price"><span>￥</span> 899</p>
            </a></li>
            <li>
                <a href="javascript:;">
                  <img src="./uploads/new_goods_2.jpg" alt="">
                  <h3 class="title">智能环绕3D空调</h3>
                  <p class="price"><span>¥</span> 1299</p>
                </a>
              </li>
              <li>
                <a href="javascript:;">
                  <img src="./uploads/new_goods_3.jpg" alt="">
                  <h3 class="title">广东软软糯米煲仔饭</h3>
                  <p class="price"><span>¥</span> 129</p>
                </a>
              </li>
              <li>
                <a href="javascript:;">
                  <img src="./uploads/new_goods_4.jpg" alt="">
                  <h3 class="title">罗西机械智能手表</h3>
                  <p class="price"><span>¥</span> 3399</p>
                </a>
              </li>
        </ul>
    </div>
    
    <!-- ---------------人气推荐模块 -->
    <div class="xtx-supper-goods container">
        <!--标题  -->
        <div class="goods-hd">
             <!-- 左侧标题部分 -->
             <h2 class="fl">人气推荐 <span>人气爆款 不容错过</span></h2>
        </div>
        <!-- 产品列表 -->
        <ul class="goods-list">
            <li><a href="">
                <img src="./uploads//popular_1.jpg" alt="">
                <h3 class="title">特惠推荐</h3>
                <p class="info">我猜得到 你的需要</p>
            </a></li>
            <li><a href="">
                <img src="./uploads//popular_2.jpg" alt="">
                <h3 class="title">爆款推荐</h3>
                <p class="info">我猜得到 你的需要</p>
            </a></li>
            <li><a href="">
                <img src="./uploads//popular_3.jpg" alt="">
                <h3 class="title">场景使用一站全买</h3>
                <p class="info">我猜得到 你的需要</p>
            </a></li>
            <li><a href="">
                <img src="./uploads//popular_4.jpg" alt="">
                <h3 class="title">领券中心</h3>
                <p class="info">我猜得到 你的需要</p>
            </a></li>
        </ul>
    </div>
    <!-- ---------------秒杀专区模块 -->
    <div class="xtx_goods_seckill">
        <div class="container">
            <div class="goods-hd">
                <!-- 左侧标题部分 -->
                <h2 class="fl">秒杀专区 <span>每日精品 限量秒杀</span></h2>
                <!-- 右侧a链接 -->
                <a href="javascript:;" class="more fr">查看全部</a>
            </div>
            <!-- 内容部分 -->
            <div class="content">
                <!-- 倒计时 -->
                <div class="countdown">
                    <p class="next">下一场 8:00开始</p>
                    <p class="title">小兔鲜秒杀</p>
                    <p class="tips">18:00 <span>点场 倒计时</span></p>
                    <p class="clock">
                        <span>00</span>
                        <i>:</i>
                        <span>25</span>
                        <i>:</i>
                        <span>20</span>
                        
                    </p>
                </div>
                <!-- 商品列表 -->
                <div class="xtx_goods">
                    <ul>
                        <li><a href="#">
                            <div class="img-box">
                                <img src="./uploads/seckill_goods_1.jpg">
                              </div>
                              <p class="name">华为 降噪 真无线耳机</p>
                              <p class="percent">
                                <span class="inner" style="width: 30%;"></span>
                              </p>
                              <p class="price">
                                <span><small>￥</small>99</span>
                                <span><small>￥</small>199</span>
                              </p>
                        </a></li>
                        <li><a href="#">
                            <div class="img-box">
                                <img src="./uploads/seckill_goods_2.jpg">
                              </div>
                              <p class="name">华为 降噪 真无线耳机</p>
                              <p class="percent">
                                <span class="inner" style="width: 30%;"></span>
                              </p>
                              <p class="price">
                                <span><small>￥</small>99</span>
                                <span><small>￥</small>199</span>
                              </p>
                        </a></li>
                        <li><a href="#">
                            <div class="img-box">
                                <img src="./uploads/seckill_goods_3.jpg">
                              </div>
                              <p class="name">华为 降噪 真无线耳机</p>
                              <p class="percent">
                                <span class="inner" style="width: 30%;"></span>
                              </p>
                              <p class="price">
                                <span><small>￥</small>99</span>
                                <span><small>￥</small>199</span>
                              </p>
                        </a></li>
                        <li><a href="#">
                            <div class="img-box">
                                <img src="./uploads/seckill_goods_4.jpg">
                              </div>
                              <p class="name">华为 降噪 真无线耳机</p>
                              <p class="percent">
                                <span class="inner" style="width: 30%;"></span>
                              </p>
                              <p class="price">
                                <span><small>￥</small>99</span>
                                <span><small>￥</small>199</span>
                              </p>
                        </a></li>
                    </ul>
                </div>
            </div>
        </div>   <!-- container   ending  -->
    </div>

    <!-- ---------------热门品牌模块 -->
    <div class="xtx-brand-goods">
       <div class="container">
           <div class="goods-hd">
               <!-- 左边标题部分 -->
               <h2 class="fl">热门品牌 <span>国际经典品质保证</span></h2>
               <!-- 右边切换按钮 -->
               <div class="fr">
               <a href="javascript:;" class="prev"></a>
               <a href="javascript:;" class="next"></a>
               </div>
           </div>
           <!-- 产品列表 -->
           <ul class="goods-list">
               <li><a href="javascript:;"><img src="./uploads/brand_goods_1.jpg" alt=""></a></li>
               <li><a href="javascript:;"><img src="./uploads/brand_goods_2.jpg" alt=""></a></li>
               <li><a href="javascript:;"><img src="./uploads/brand_goods_3.jpg" alt=""></a></li>
               <li><a href="javascript:;"><img src="./uploads/brand_goods_4.jpg" alt=""></a></li>
               <li><a href="javascript:;"><img src="./uploads/brand_goods_5.jpg" alt=""></a></li>
           </ul>
       </div>
    </div>
    <!-- ---------------生鲜模块 -->
    <div class="xtx-fresh-goods container">
        <div class="goods-hd">
            <!-- 左侧标题 -->
            <h2 class="fl">生鲜</h2>
            <!-- 右侧查看全部 -->
            <a href="javascript:;" class="more">查看全部</a>
            <!-- 中间tab切换标签 -->
            <ul class="tabs">
                <li><a href="javascript:;" class="active">水果</a></li>
                <li><a href="javascript:;">蔬菜</a></li>
                <li><a href="javascript:;">肉禽蛋</a></li>
                <li><a href="javascript:;">裤装</a></li>
                <li><a href="javascript:;">衬衫</a></li>
                <li><a href="javascript:;">T恤</a></li>
                <li><a href="javascript:;">内衣</a></li>
              </ul>
            
        </div>
        <!-- goods-content -->
        <div class="goods-content">
            <!-- 左侧广告图 -->
            <div class="goods-pic fl">
                <a href="javascript:;"><img src="./uploads/fresh_goods_cover.png" alt=""></a>
            </div>
            <!-- 右侧产品列表 -->
            <div class="goods-list fr">
                <ul>
                    <li><a href="javascript:;">
                        <div class="img-box">
                            <img src="./uploads/fresh_goods_1.jpg" alt="">
                        </div>
                        <div class="info">
                            <h3>美威 智利原味散文鱼排 240g/袋 4片装</h3>
                            <p class="type">海鲜年货</p>
                            <p class="price"><span>￥</span> 59</p>
                        </div>
                        <!-- 找相似 -->
                        <div class="find">
                            <p>找相似</p>
                            <p>发现更多宝贝</p>
                        </div>
                    </a></li>
                    <li><a href="javascript:;">
                        <div class="img-box">
                            <img src="./uploads/fresh_goods_2.jpg" alt="">
                        </div>
                        <div class="info">
                            <h3>美威 智利原味散文鱼排 240g/袋 4片装</h3>
                            <p class="type">海鲜年货</p>
                            <p class="price"><span>￥</span> 79</p>
                        </div>
                        <!-- 找相似 -->
                        <div class="find">
                            <p>找相似</p>
                            <p>发现更多宝贝 ></p>
                        </div>
                    </a></li>
                    <li><a href="javascript:;">
                        <div class="img-box">
                            <img src="./uploads/fresh_goods_3.jpg" alt="">
                        </div>
                        <div class="info">
                            <h3>美威 智利原味散文鱼排 240g/袋 4片装</h3>
                            <p class="type">海鲜年货</p>
                            <p class="price"><span>￥</span> 49</p>
                        </div>
                        <!-- 找相似 -->
                        <div class="find">
                            <p>找相似</p>
                            <p>发现更多宝贝 ></p>
                        </div>
                    </a></li>
                    <li><a href="javascript:;">
                        <div class="img-box">
                            <img src="./uploads/fresh_goods_4.jpg" alt="">
                        </div>
                        <div class="info">
                            <h3>美威 智利原味散文鱼排 240g/袋 4片装</h3>
                            <p class="type">海鲜年货</p>
                            <p class="price"><span>￥</span> 899</p>
                        </div>
                        <!-- 找相似 -->
                        <div class="find">
                            <p>找相似</p>
                            <p>发现更多宝贝 ></p>
                        </div>
                    </a></li>
                    <li><a href="javascript:;">
                        <div class="img-box">
                            <img src="./uploads/fresh_goods_1.jpg" alt="">
                        </div>
                        <div class="info">
                            <h3>美威 智利原味散文鱼排 240g/袋 4片装</h3>
                            <p class="type">海鲜年货</p>
                            <p class="price"><span>￥</span> 59</p>
                        </div>
                        <!-- 找相似 -->
                        <div class="find">
                            <p>找相似</p>
                            <p>发现更多宝贝 ></p>
                        </div>
                    </a></li>
                    <li><a href="javascript:;">
                        <div class="img-box">
                            <img src="./uploads/fresh_goods_2.jpg" alt="">
                        </div>
                        <div class="info">
                            <h3>美威 智利原味散文鱼排 240g/袋 4片装</h3>
                            <p class="type">海鲜年货</p>
                            <p class="price"><span>￥</span> 79</p>
                        </div>
                        <!-- 找相似 -->
                        <div class="find">
                            <p>找相似</p>
                            <p>发现更多宝贝 ></p>
                        </div>
                    </a></li>
                    <li><a href="javascript:;">
                        <div class="img-box">
                            <img src="./uploads/fresh_goods_3.jpg" alt="">
                        </div>
                        <div class="info">
                            <h3>美威 智利原味散文鱼排 240g/袋 4片装</h3>
                            <p class="type">海鲜年货</p>
                            <p class="price"><span>￥</span> 49</p>
                        </div>
                        <!-- 找相似 -->
                        <div class="find">
                            <p>找相似</p>
                            <p>发现更多宝贝 ></p>
                        </div>
                    </a></li>
                    <li><a href="javascript:;">
                        <div class="img-box">
                            <img src="./uploads/fresh_goods_4.jpg" alt="">
                        </div>
                        <div class="info">
                            <h3>美威 智利原味散文鱼排 240g/袋 4片装</h3>
                            <p class="type">海鲜年货</p>
                            <p class="price"><span>￥</span> 899</p>
                        </div>
                        <!-- 找相似 -->
                        <div class="find">
                            <p>找相似</p>
                            <p>发现更多宝贝 ></p>
                        </div>
                    </a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- ---------------服饰模块 -->
    <div class="xtx-fresh-goods container">
        <div class="goods-hd">
            <!-- 左侧标题 -->
            <h2 class="fl">服饰</h2>
            <!-- 右侧查看全部 -->
            <a href="javascript:;" class="more">查看全部</a>
            <!-- 中间tab切换标签 -->
            <ul class="tabs">
                <li><a href="javascript:;" class="active">水果</a></li>
                <li><a href="javascript:;">蔬菜</a></li>
                <li><a href="javascript:;">肉禽蛋</a></li>
                <li><a href="javascript:;">裤装</a></li>
                <li><a href="javascript:;">衬衫</a></li>
                <li><a href="javascript:;">T恤</a></li>
                <li><a href="javascript:;">内衣</a></li>
              </ul>
            
        </div>
        <!-- goods-content -->
        <div class="goods-content">
            <!-- 左侧广告图 -->
            <div class="goods-pic fl">
                <a href="javascript:;"><img src="./uploads/clothes_goods_cover.jpg" alt=""></a>
            </div>
            <!-- 右侧产品列表 -->
            <div class="goods-list fr">
                <ul>
                    <li><a href="javascript:;">
                        <div class="img-box">
                            <img src="./uploads/clothes_goods_1.jpg" alt="">
                        </div>
                        <div class="info">
                            <h3>美威 智利原味散文鱼排 240g/袋 4片装</h3>
                            <p class="type">海鲜年货</p>
                            <p class="price"><span>￥</span> 59</p>
                        </div>
                        <!-- 找相似 -->
                        <div class="find">
                            <p>找相似</p>
                            <p>发现更多宝贝</p>
                        </div>
                    </a></li>
                    <li><a href="javascript:;">
                        <div class="img-box">
                            <img src="./uploads/clothes_goods_2.jpg" alt="">
                        </div>
                        <div class="info">
                            <h3>美威 智利原味散文鱼排 240g/袋 4片装</h3>
                            <p class="type">海鲜年货</p>
                            <p class="price"><span>￥</span> 79</p>
                        </div>
                        <!-- 找相似 -->
                        <div class="find">
                            <p>找相似</p>
                            <p>发现更多宝贝 ></p>
                        </div>
                    </a></li>
                    <li><a href="javascript:;">
                        <div class="img-box">
                            <img src="./uploads/clothes_goods_3.jpg" alt="">
                        </div>
                        <div class="info">
                            <h3>美威 智利原味散文鱼排 240g/袋 4片装</h3>
                            <p class="type">海鲜年货</p>
                            <p class="price"><span>￥</span> 49</p>
                        </div>
                        <!-- 找相似 -->
                        <div class="find">
                            <p>找相似</p>
                            <p>发现更多宝贝 ></p>
                        </div>
                    </a></li>
                    <li><a href="javascript:;">
                        <div class="img-box">
                            <img src="./uploads/clothes_goods_4.jpg" alt="">
                        </div>
                        <div class="info">
                            <h3>美威 智利原味散文鱼排 240g/袋 4片装</h3>
                            <p class="type">海鲜年货</p>
                            <p class="price"><span>￥</span> 899</p>
                        </div>
                        <!-- 找相似 -->
                        <div class="find">
                            <p>找相似</p>
                            <p>发现更多宝贝 ></p>
                        </div>
                    </a></li>
                    <li><a href="javascript:;">
                        <div class="img-box">
                            <img src="./uploads/clothes_goods_1.jpg" alt="">
                        </div>
                        <div class="info">
                            <h3>美威 智利原味散文鱼排 240g/袋 4片装</h3>
                            <p class="type">海鲜年货</p>
                            <p class="price"><span>￥</span> 59</p>
                        </div>
                        <!-- 找相似 -->
                        <div class="find">
                            <p>找相似</p>
                            <p>发现更多宝贝 ></p>
                        </div>
                    </a></li>
                    <li><a href="javascript:;">
                        <div class="img-box">
                            <img src="./uploads/clothes_goods_2.jpg" alt="">
                        </div>
                        <div class="info">
                            <h3>美威 智利原味散文鱼排 240g/袋 4片装</h3>
                            <p class="type">海鲜年货</p>
                            <p class="price"><span>￥</span> 79</p>
                        </div>
                        <!-- 找相似 -->
                        <div class="find">
                            <p>找相似</p>
                            <p>发现更多宝贝 ></p>
                        </div>
                    </a></li>
                    <li><a href="javascript:;">
                        <div class="img-box">
                            <img src="./uploads/clothes_goods_3.jpg" alt="">
                        </div>
                        <div class="info">
                            <h3>美威 智利原味散文鱼排 240g/袋 4片装</h3>
                            <p class="type">海鲜年货</p>
                            <p class="price"><span>￥</span> 49</p>
                        </div>
                        <!-- 找相似 -->
                        <div class="find">
                            <p>找相似</p>
                            <p>发现更多宝贝 ></p>
                        </div>
                    </a></li>
                    <li><a href="javascript:;">
                        <div class="img-box">
                            <img src="./uploads/clothes_goods_4.jpg" alt="">
                        </div>
                        <div class="info">
                            <h3>美威 智利原味散文鱼排 240g/袋 4片装</h3>
                            <p class="type">海鲜年货</p>
                            <p class="price"><span>￥</span> 899</p>
                        </div>
                        <!-- 找相似 -->
                        <div class="find">
                            <p>找相似</p>
                            <p>发现更多宝贝 ></p>
                        </div>
                    </a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- ---------------餐厨模块 -->
    <div class="xtx-fresh-goods container">
        <div class="goods-hd">
            <!-- 左侧标题 -->
            <h2 class="fl">餐厨</h2>
            <!-- 右侧查看全部 -->
            <a href="javascript:;" class="more">查看全部</a>
            <!-- 中间tab切换标签 -->
            <ul class="tabs">
                <li><a href="javascript:;" class="active">水果</a></li>
                <li><a href="javascript:;">蔬菜</a></li>
                <li><a href="javascript:;">肉禽蛋</a></li>
                <li><a href="javascript:;">裤装</a></li>
                <li><a href="javascript:;">衬衫</a></li>
                <li><a href="javascript:;">T恤</a></li>
                <li><a href="javascript:;">内衣</a></li>
              </ul>
            
        </div>
        <!-- goods-content -->
        <div class="goods-content">
            <!-- 左侧广告图 -->
            <div class="goods-pic fl">
                <a href="javascript:;"><img src="./uploads/home_goods_cover.jpg" alt=""></a>
            </div>
            <!-- 右侧产品列表 -->
            <div class="goods-list fr">
                <ul>
                    <li><a href="javascript:;">
                        <div class="img-box">
                            <img src="./uploads/kitchen_goods_1.jpg" alt="">
                        </div>
                        <div class="info">
                            <h3>美威 智利原味散文鱼排 240g/袋 4片装</h3>
                            <p class="type">海鲜年货</p>
                            <p class="price"><span>￥</span> 59</p>
                        </div>
                        <!-- 找相似 -->
                        <div class="find">
                            <p>找相似</p>
                            <p>发现更多宝贝</p>
                        </div>
                    </a></li>
                    <li><a href="javascript:;">
                        <div class="img-box">
                            <img src="./uploads/kitchen_goods_2.jpg" alt="">
                        </div>
                        <div class="info">
                            <h3>美威 智利原味散文鱼排 240g/袋 4片装</h3>
                            <p class="type">海鲜年货</p>
                            <p class="price"><span>￥</span> 79</p>
                        </div>
                        <!-- 找相似 -->
                        <div class="find">
                            <p>找相似</p>
                            <p>发现更多宝贝 ></p>
                        </div>
                    </a></li>
                    <li><a href="javascript:;">
                        <div class="img-box">
                            <img src="./uploads/kitchen_goods_3.jpg" alt="">
                        </div>
                        <div class="info">
                            <h3>美威 智利原味散文鱼排 240g/袋 4片装</h3>
                            <p class="type">海鲜年货</p>
                            <p class="price"><span>￥</span> 49</p>
                        </div>
                        <!-- 找相似 -->
                        <div class="find">
                            <p>找相似</p>
                            <p>发现更多宝贝 ></p>
                        </div>
                    </a></li>
                    <li><a href="javascript:;">
                        <div class="img-box">
                            <img src="./uploads/kitchen_goods_4.jpg" alt="">
                        </div>
                        <div class="info">
                            <h3>美威 智利原味散文鱼排 240g/袋 4片装</h3>
                            <p class="type">海鲜年货</p>
                            <p class="price"><span>￥</span> 899</p>
                        </div>
                        <!-- 找相似 -->
                        <div class="find">
                            <p>找相似</p>
                            <p>发现更多宝贝 ></p>
                        </div>
                    </a></li>
                    <li><a href="javascript:;">
                        <div class="img-box">
                            <img src="./uploads/kitchen_goods_1.jpg" alt="">
                        </div>
                        <div class="info">
                            <h3>美威 智利原味散文鱼排 240g/袋 4片装</h3>
                            <p class="type">海鲜年货</p>
                            <p class="price"><span>￥</span> 59</p>
                        </div>
                        <!-- 找相似 -->
                        <div class="find">
                            <p>找相似</p>
                            <p>发现更多宝贝 ></p>
                        </div>
                    </a></li>
                    <li><a href="javascript:;">
                        <div class="img-box">
                            <img src="./uploads/kitchen_goods_2.jpg" alt="">
                        </div>
                        <div class="info">
                            <h3>美威 智利原味散文鱼排 240g/袋 4片装</h3>
                            <p class="type">海鲜年货</p>
                            <p class="price"><span>￥</span> 79</p>
                        </div>
                        <!-- 找相似 -->
                        <div class="find">
                            <p>找相似</p>
                            <p>发现更多宝贝 ></p>
                        </div>
                    </a></li>
                    <li><a href="javascript:;">
                        <div class="img-box">
                            <img src="./uploads/kitchen_goods_3.jpg" alt="">
                        </div>
                        <div class="info">
                            <h3>美威 智利原味散文鱼排 240g/袋 4片装</h3>
                            <p class="type">海鲜年货</p>
                            <p class="price"><span>￥</span> 49</p>
                        </div>
                        <!-- 找相似 -->
                        <div class="find">
                            <p>找相似</p>
                            <p>发现更多宝贝 ></p>
                        </div>
                    </a></li>
                    <li><a href="javascript:;">
                        <div class="img-box">
                            <img src="./uploads/fresh_goods_4.jpg" alt="">
                        </div>
                        <div class="info">
                            <h3>美威 智利原味散文鱼排 240g/袋 4片装</h3>
                            <p class="type">海鲜年货</p>
                            <p class="price"><span>￥</span> 899</p>
                        </div>
                        <!-- 找相似 -->
                        <div class="find">
                            <p>找相似</p>
                            <p>发现更多宝贝 ></p>
                        </div>
                    </a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- ---------------居家模块 -->
    <div class="xtx-fresh-goods container">
        <div class="goods-hd">
            <!-- 左侧标题 -->
            <h2 class="fl">居家</h2>
            <!-- 右侧查看全部 -->
            <a href="javascript:;" class="more">查看全部</a>
            <!-- 中间tab切换标签 -->
            <ul class="tabs">
                <li><a href="javascript:;" class="active">水果</a></li>
                <li><a href="javascript:;">蔬菜</a></li>
                <li><a href="javascript:;">肉禽蛋</a></li>
                <li><a href="javascript:;">裤装</a></li>
                <li><a href="javascript:;">衬衫</a></li>
                <li><a href="javascript:;">T恤</a></li>
                <li><a href="javascript:;">内衣</a></li>
              </ul>
            
        </div>
        <!-- goods-content -->
        <div class="goods-content">
            <!-- 左侧广告图 -->
            <div class="goods-pic fl">
                <a href="javascript:;"><img src="./uploads/home_goods_cover.jpg" alt=""></a>
            </div>
            <!-- 右侧产品列表 -->
            <div class="goods-list fr">
                <ul>
                    <li><a href="javascript:;">
                        <div class="img-box">
                            <img src="./uploads/home_goods_1.jpg" alt="">
                        </div>
                        <div class="info">
                            <h3>美威 智利原味散文鱼排 240g/袋 4片装</h3>
                            <p class="type">海鲜年货</p>
                            <p class="price"><span>￥</span> 59</p>
                        </div>
                        <!-- 找相似 -->
                        <div class="find">
                            <p>找相似</p>
                            <p>发现更多宝贝</p>
                        </div>
                    </a></li>
                    <li><a href="javascript:;">
                        <div class="img-box">
                            <img src="./uploads/home_goods_2.jpg" alt="">
                        </div>
                        <div class="info">
                            <h3>美威 智利原味散文鱼排 240g/袋 4片装</h3>
                            <p class="type">海鲜年货</p>
                            <p class="price"><span>￥</span> 79</p>
                        </div>
                        <!-- 找相似 -->
                        <div class="find">
                            <p>找相似</p>
                            <p>发现更多宝贝 ></p>
                        </div>
                    </a></li>
                    <li><a href="javascript:;">
                        <div class="img-box">
                            <img src="./uploads/home_goods_3.jpg" alt="">
                        </div>
                        <div class="info">
                            <h3>美威 智利原味散文鱼排 240g/袋 4片装</h3>
                            <p class="type">海鲜年货</p>
                            <p class="price"><span>￥</span> 49</p>
                        </div>
                        <!-- 找相似 -->
                        <div class="find">
                            <p>找相似</p>
                            <p>发现更多宝贝 ></p>
                        </div>
                    </a></li>
                    <li><a href="javascript:;">
                        <div class="img-box">
                            <img src="./uploads/home_goods_4.jpg" alt="">
                        </div>
                        <div class="info">
                            <h3>美威 智利原味散文鱼排 240g/袋 4片装</h3>
                            <p class="type">海鲜年货</p>
                            <p class="price"><span>￥</span> 899</p>
                        </div>
                        <!-- 找相似 -->
                        <div class="find">
                            <p>找相似</p>
                            <p>发现更多宝贝 ></p>
                        </div>
                    </a></li>
                    <li><a href="javascript:;">
                        <div class="img-box">
                            <img src="./uploads/home_goods_1.jpg" alt="">
                        </div>
                        <div class="info">
                            <h3>美威 智利原味散文鱼排 240g/袋 4片装</h3>
                            <p class="type">海鲜年货</p>
                            <p class="price"><span>￥</span> 59</p>
                        </div>
                        <!-- 找相似 -->
                        <div class="find">
                            <p>找相似</p>
                            <p>发现更多宝贝 ></p>
                        </div>
                    </a></li>
                    <li><a href="javascript:;">
                        <div class="img-box">
                            <img src="./uploads/home_goods_2.jpg" alt="">
                        </div>
                        <div class="info">
                            <h3>美威 智利原味散文鱼排 240g/袋 4片装</h3>
                            <p class="type">海鲜年货</p>
                            <p class="price"><span>￥</span> 79</p>
                        </div>
                        <!-- 找相似 -->
                        <div class="find">
                            <p>找相似</p>
                            <p>发现更多宝贝 ></p>
                        </div>
                    </a></li>
                    <li><a href="javascript:;">
                        <div class="img-box">
                            <img src="./uploads/home_goods_3.jpg" alt="">
                        </div>
                        <div class="info">
                            <h3>美威 智利原味散文鱼排 240g/袋 4片装</h3>
                            <p class="type">海鲜年货</p>
                            <p class="price"><span>￥</span> 49</p>
                        </div>
                        <!-- 找相似 -->
                        <div class="find">
                            <p>找相似</p>
                            <p>发现更多宝贝 ></p>
                        </div>
                    </a></li>
                    <li><a href="javascript:;">
                        <div class="img-box">
                            <img src="./uploads/fresh_goods_4.jpg" alt="">
                        </div>
                        <div class="info">
                            <h3>美威 智利原味散文鱼排 240g/袋 4片装</h3>
                            <p class="type">海鲜年货</p>
                            <p class="price"><span>￥</span> 899</p>
                        </div>
                        <!-- 找相似 -->
                        <div class="find">
                            <p>找相似</p>
                            <p>发现更多宝贝 ></p>
                        </div>
                    </a></li>
                </ul>
            </div>
        </div>
    </div>

    <!-- ---------------最新专题 -->
    <div class="xtx-topics">
        <div class="container">
            <!-- 标题 -->
       <div class="goods-hd">
           <h2 class="fl">最新专题</h2>
           <a href="javascript:;" class="fr">查看全部</a>
       </div>
       <!-- goods-list -->
       <div class="goods-list">
           <ul>
               <li><a href="javascript:;">
                   <!-- 图片 -->
                   <div class="pic">
                    <div class="info">
                        <h3>吃这些美食才不算辜负自己</h3>
                        <div class="type">餐厨起居洗护好物</div>
                        <div class="price"><span>¥</span> 29.9起</div>
                      </div>
                   </div>
                   <!-- 详情 -->
                   <div class="social">
                    <span class="like"> 1000</span>
                    <span class="view"> 1220</span>
                    <span class="reply"> 246</span>
                </div>
               </a></li>
               <li><a href="javascript:;">
                <!-- 图片 -->
                <div class="pic">
                 <div class="info">
                     <h3>吃这些美食才不算辜负自己</h3>
                     <div class="type">餐厨起居洗护好物</div>
                     <div class="price"><span>¥</span> 29.9起</div>
                   </div>
                </div>
                <!-- 详情 -->
                <div class="social">
                 <span class="like"> 1000</span>
                 <span class="view"> 1220</span>
                 <span class="reply"> 246</span>
             </div>
            </a></li>
            <li><a href="javascript:;">
                <!-- 图片 -->
                <div class="pic">
                 <div class="info">
                     <h3>吃这些美食才不算辜负自己</h3>
                     <div class="type">餐厨起居洗护好物</div>
                     <div class="price"><span>¥</span> 29.9起</div>
                   </div>
                </div>
                <!-- 详情 -->
                <div class="social">
                 <span class="like"> 1000</span>
                 <span class="view"> 1220</span>
                 <span class="reply"> 246</span>
             </div>
            </a></li>
           </ul>
       </div>
        </div>
    </div>
    <!-- ---------------网页底部模块 -->
    <footer>
        <!-- 联系方式 -->
        <section class="xtx-contact">
            <div class="container">
                <!-- 客户服务 -->
                <dl class="customer">
                    <dt>客户服务</dt>
                    <dd class="chat">在线客服</dd>
                    <dd class="feedback">问题反馈</dd>
                </dl>
                <!-- 关注我们 -->
                <dl class="follow">
                    <dt>关注我们</dt>
                    <dd class="weixin">公众号</dd>
                    <dd class="weibo">微博</dd>
                </dl>
                <!-- 下载app -->
                <dl class="download">
                    <dt>下载APP</dt>
                    <dd class="qrcode">
                        <img src="./uploads/qrcode.png" alt="">
                    </dd>
                    <dd class="info">
                        <p>扫描二维码</p>
                        <p>立马下载APP</p>
                        <a href="javascript:;">下载页面</a>
                    </dd>
                </dl>
                  <!-- 服务热线 -->
                  <dl class="tel">
                    <dt>服务热线</dt>
                    <dd class="hotline">
                        <p>400-0000-000</p>
                        <p>周一至周日 8:00-18:00</p>
                    </dd>
                    
                </dl>
            </div>   <!--container   ending -->
        </section>  <!-- 联系方式xtx-contact   ending --> 
        <!-- 宣传服务 -->
   <section class="xtx-service">
      <div class="container">
        <a href="javascript:;">价格亲民</a>
        <a href="javascript:;">物流快捷</a>
        <a href="javascript:;">品质新鲜</a>
      </div>
   </section>
        <!-- 版权信息 -->
        <section class="xtx-copyright">
            <p>
                <a href="javascript:;">关于我们</a> |
                <a href="javascript:;">帮助中心</a> |
                <a href="javascript:;">售后服务</a> |
                <a href="javascript:;">配送与验收</a> |
                <a href="javascript:;">商务合作</a> |
                <a href="javascript:;">搜索推荐</a> |
                <a href="javascript:;">友情链接</a>
              </p>
              <p>CopyRight @ 小兔鲜儿</p>
        </section>
    </footer>
</body>
</html>